.frames-container {
    .frames {
    position: relative;
    width: 100%;
    height: 100%;
    
    img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: transform 0.3s ease;
        
        &.on {
            opacity: 1;
            z-index: 1;
        }
    }
}

&:hover {
    img {
        transform: scale(1.1);
    }
}

}